{include file="common/header1" /}
<!-- 中间区域 -->
<style>
	.login {
		background: linear-gradient(45deg, #d9f0f8, #cee1ef);
	}
	.layui-form-label {
		white-space: nowrap;
	}
	.login_box {
		max-width: 9.2rem;
		border-radius: 14px;
		overflow: hidden;
		margin: 0 auto;
		padding: 0.5rem 0;
	}

	.login_box .b1 {
		padding: 0.4rem;
		background: linear-gradient(
			45deg,
			RGBA(44, 248, 255, 1) 0%,
			RGBA(115, 175, 254, 1) 40%,
			RGBA(115, 175, 254, 1) 60%,
			RGBA(44, 248, 255, 1) 100%
		);
		background-size: cover;
		width: 3.8rem;
	}

	.login_box .b1 .hr {
		width: 0.65rem;
		height: 4px;
		background-color: #fff;
	}

	.login_box .b2 {
		width: 100%;
		padding: 0.3rem 0.7rem;
	}

	.login_box .b2 .btn {
		line-height: 0.6rem;
		height: 0.6rem;
		font-size: 0.2rem;
		border-radius: 6px;
	}

	.login_box .layui-input-prefix {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.login_box .layui-input {
		height: 0.54rem;
		line-height: 0.54rem;
		background: #efefef;
		border-radius: 5px;
	}

	.layui-input-wrap .layui-input-prefix + .layui-input {
		padding-left: 0.7rem;
	}

	.layui-input-prefix {
		width: 0.7rem;
	}

	.layui-input-wrap .layui-input-prefix .img_box {
		width: 0.28rem;
	}

	.login_box .layui-btn {
		height: 0.54rem;
		line-height: 0.54rem;
		font-size: 0.18rem;
		border-radius: 5px;
		font-weight: bold;
	}

	.btn1 {
		border: none;
		background: #315089;
	}

	.btn2 {
		background-color: initial;
		border: 2px solid #315089;
	}

	@media only screen and (max-width: 750px) {
		.login_box .b1 {
			width: 100%;
		}
	}
</style>
<main class="login bg_blue flex-center">
	<section class="">
		<div class="layui-main">
			<ul class="login_box ul_height bg_white">
				<li class="" style="width: 5rem; margin: 0 auto">
					<div class="item flex-center">
						<div class="b2">
							<p
								class="blue_c ft-bold ft30 text-align-center mb30"
								style="letter-spacing: 20px">
								登录
							</p>
							<form class="layui-form">
								<div class="layui-form-item">
									<div class="layui-input-wrap">
										<div class="layui-input-prefix">
											<i
												class="layui-icon layui-icon-user"></i>
										</div>
										<input
											type="text"
											name="name"
											value=""
											lay-verify="required"
											placeholder="账号"
											autocomplete="off"
											class="layui-input"
											id="reg-password" />
									</div>
								</div>
								<div class="layui-form-item">
									<div class="layui-input-wrap">
										<div class="layui-input-prefix">
											<i
												class="layui-icon layui-icon-password"></i>
										</div>
										<input
											type="password"
											name="password"
											value=""
											lay-verify="required"
											placeholder="密码"
											autocomplete="off"
											class="layui-input"
											id="reg-password" />
									</div>
								</div>

								<div class="layui-form-item mt20">
									<input
										type="checkbox"
										name="remember"
										lay-skin="primary"
										title="同意用户协议" />
								</div>
								<div class="">
									<button class="layui-btn btn1 w100">
										登录
									</button>
									<div>
										<a
											class="layui-btn btn2 w100 mt17"
											href="register.html">
											注册
										</a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</section>
</main>
<script type="text/javascript" src="/public/home/xin/js/index.js"></script>

<!-- 中间区域结束 -->
